@charset "utf-8";
::-webkit-scrollbar {
background: #fff;
width: 5px;
height: 5px;
border-radius: 30px;
}
::-webkit-scrollbar-track {
 -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0);
 border-radius: 30px;
 background: #fff;
}
::-webkit-scrollbar {
 background: #fff;
 width: 5px;
border-radius: 30px;
}
::-webkit-scrollbar-thumb {
background-color: #a56433;
border-radius: 30px;
}
::-webkit-scrollbar-track {
 -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0);
 border-radius: 30px;
 background: #333;
}
/*.image-layer {
    -webkit-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15);
    -webkit-transition: all 7000ms linear;
    -moz-transition: all 7000ms linear;
    -ms-transition: all 7000ms linear;
    -o-transition: all 7000ms linear;
    transition: all 7000ms linear;
}
.image-layer {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.video-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
}
.video-bg video {
    min-width: 100%;
    min-height: 100%;
    float: left;
    opacity: 1;
}
.video-bg:after {
    content: '';
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: -moz-linear-gradient(top, rgba(98,243,236,1) 0%, rgba(19,19,20,0) 100%);
    background: -webkit-linear-gradient(top, rgba(98,243,236,1) 0%,rgba(19,19,20,0) 100%);
    background: linear-gradient(to bottom, rgba(98,243,236,1) 0%,rgba(19,19,20,0) 100%);
    opacity: 0.8;
    position: absolute;
}*/
.video-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    background: #26282b;
    background: -moz-linear-gradient(161deg, #26282b 0%, #26282b 49%, #9f8054 100%);
    background: -webkit-linear-gradient(161deg, #26282b 0%, #26282b 49%, #9f8054 100%);
    background: linear-gradient(161deg, #26282b 0%, #26282b 49%, #9f8054 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#26282b",endColorstr="#9f8054",GradientType=1);
}
.video-bg video {
    min-width: 100%;
    min-height: 100%;
    float: left;
    opacity: 0.15;
}
.video-text{position: absolute;top: 35%;left: 15%}

.post-title.back img{width: 50px}
.newsback{position: relative;}
.blog-post-cat a{border-bottom: 1px solid #fff;margin-left: 5px}
.mt-section.pinsen{margin-top: 110px;margin-bottom: 180px}
.post-title{padding: 280px 0 0}
.post-title .title{
    position: relative;
    color: #fff;
    font-family: "pf-bz";
    font-size: 45px;
    font-weight: normal;
    line-height: 1;
    letter-spacing: 2px;
    padding-bottom: 20px;
}
.post-title span{font-size: 50px}
.ab-pb{padding-bottom: 100px}
.ab-pb-1{padding-bottom: 50px}


.s-text{width: 95vh;
    position: absolute;
    left: 60%;
    top: -12%;
    
    -webkit-transform: rotate(-270deg);
    -ms-transform: rotate(-270deg);
    transform: rotate(-270deg);
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    z-index: 3;
}
.s-text h3{font-size: 100px;font-family: 'cgwb';font-weight: normal;color: #333333;letter-spacing: 5px;text-transform: uppercase}
.dot-line{border-bottom: 1px dashed #747474;border-top: 1px dashed #747474;padding: 45px 0 40px}
.ab-t{display: flex;flex-wrap: nowrap;align-items: center;}
.ab-i{max-width: 450px}
.ab-i h5{font-family: 'pf-bz';font-size: 28px;padding-left: 15px;font-weight: normal;line-height: 0.8}
.ab-i h5 span{color: #9c9c9c;font-size: 12px;text-transform: capitalize;}
.ab-i p{font-family: 'pf-x';font-size: 16px;line-height: 1.8}
.intro-about .p-larg{font-size: 16px;font-family: 'pf-xx';font-weight: normal!important}
.title.about {
    position: relative;
    color: #fff;
    font-family: "pf-bz";
    font-size: 45px;
    font-weight: normal;
    line-height: 1;
    letter-spacing: 0px;
}
.ab1{font-size: 60px!important;
    letter-spacing: 5px!important;
    line-height: 1!important;}
.section-margin.projve{margin-top: 120px;margin-bottom: 120px;}
.section-margin.ac{margin-top: 120px;margin-bottom: 50px;}
.border-bottom{border-bottom: 1px dashed #747474}
.metas.zz{font-size:20px;color: #fff}
.pro-pt{padding-top: 200px;}
.work-masonry .filterings-t .filtering-wrap .filtering a {
    color: #a9a9a9;
    width: auto;
    margin: 0 20px 0 0;
    padding: 0 5px 10px 5px;
    font-size: 16px;
    font-family: 'pf-bz';
    font-weight: 500;
    display: inline-block;
    cursor: pointer;
    -webkit-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    -webkit-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
    transition-duration: 0.6s;
    letter-spacing: 2px;
    text-transform: uppercase
}
.work-masonry .filterings-t .filtering-wrap .filtering a:last-child {
    margin: 0
}


.v-light:not(.no-light) .work-masonry .filterings-t .filtering-wrap .filtering a {
    color: #1e1e1e9
}
.work-masonry .filterings-t .filtering-wrap .filtering a.active {
    font-weight: bold;
    border-bottom: solid 2px #fff
}
.v-light:not(.no-light) .work-masonry .filterings-t .filtering-wrap .filtering a.active {
    border-bottom: solid 2px #bebebe
}



.title.psj{font-size: 45px}
.root-contact{background: #fff;}
/* SOUNDBAR */
.soundbar {
  transform: translateX(0);
}
.soundbar {
  width: 46px;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  position: relative;
  margin-left: 40px;
  z-index: 2;
  transform: translateX(-150%);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  transition-duration: 500ms;
  -webkit-transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  transition-delay: 1s;
}
.soundbar .sound {
  width: 158px;
  float: left;
  text-align: center;
  margin-bottom: -57px;
  margin-left: 436px;
}
.soundbar .sound .sound-title {
  float: left;
  line-height: 46px;
  color: #fff;
}
.soundbar .sound .sound-text {
  height: 46px;
  line-height: 46px;
  float: left;
  overflow: hidden;
  text-align: center;
}
.soundbar .sound .sound-text.move-up b {
  transform: translateY(-50%);
}
.soundbar .sound .sound-text b {
  width: 100%;
  display: block;
  color: #fff;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  transition-duration: 500ms;
  -webkit-transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  font-weight: 400;
}
.soundbar .sound .equalizer {
  float: left;
  margin: 0 10px;
}
.soundbar .sound .equalizer * {
  transition-delay: 0s;
}
.soundbar .sound .equalizer .holder {
  width: 23px;
  height: 20px;
  float: left;
  margin-left: 10px;
  position: relative;
}

/* EQUALIZER */
.equalizer {
  width: 46px;
  height: 46px;
  cursor: pointer;
  border: 2px solid rgba(255, 255, 255, 0.4);
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  transform: rotate(90deg);
}

.equalizer span {
  background: #fff;
  width: 2px;
  height: 2px;
  top: 50%;
  bottom: 0;
  left: 0%;
  transform: translateY(-50%);
  position: absolute;
  transition: height 0.2s linear;
}

.equalizer span:nth-child(1) {
  margin-left: 4px;
}

.equalizer span:nth-child(2) {
  margin-left: 8px;
}

.equalizer span:nth-child(4) {
  margin-left: 12px;
}

.equalizer span:nth-child(5) {
  margin-left: 16px;
}

.equalizer span:nth-child(6) {
  margin-left: 20px;
}

.equalizer.paused span {
  height: 3px !important;
}

.footer-1 .footer-links .footer-block.col-contact p span.psf {
    margin-right: 0;
    margin-left: 0;
    color: #131313;
}

.font-pfjx{font-family: 'pf-jx'!important}
.font-pfx{font-family: 'pf-x'!important}
.font-pfbz{font-family: 'pf-bz'!important}
.font-pfxx{font-family: 'pf-'!important}
.font-pfzc{font-family: 'pf-zc'!important}
.font-pfzh{font-family: 'pf-zh'!important}
.font-teko{font-family: 'Teko', Helvetica, sans-serif!important;}
.font-cgw{font-family: 'cgw'!important;}
.font-cgwb{font-family: 'cgwb'!important;}
.text-u{text-transform: uppercase;}
.main-slider .dsn-slider-content .slide-content.dsn-active.dsn-active-cat .description p{font-family: 'pf-jx';font-size: 12px;}
.main-slider h1{font-family: 'pf-bz'; left: -3px;font-size: 48px;font-weight: normal!important}
.mb-50{margin-bottom: 50px}
.mb-70{margin-bottom: 70px}
.ml-100{margin-left: 100px}
.ml-300{margin-left: 300px}
.content.silde-bg{margin-bottom: 3%;margin-left: 12%}
.image-bg{background-position: center right!important}
.image-bg.spe{background-position: center left!important}
.intro-about .intro-about-info .section-title-2 p{text-transform: uppercase;}
.intro-about .intro-about-info .accordion__item a{color: #a56433}
.intro-about .intro-about-info .accordion__item a sub{bottom: 0rem;}
.intro-about .intro-about-info.abn{padding-left: 0}
.section-title-2 p.ms{font-size: 16px;color: #8f8f8f;padding-bottom: 10px}
.section-title-2 p.ma{font-size: 14px;padding-bottom: 0;padding-top: 30px; line-height: 1.6;max-width: 650px}
.section-title-2 p.mr{font-size: 14px;padding-bottom: 10px;line-height: 1.6;padding-left: 50px}
.section-title-2 p.my{font-size: 16px;color: #8f8f8f;padding-bottom: 10px;letter-spacing: 0}
.a-container{max-width: 70%}
.b-container{max-width: 84%}
.dsn-text{font-size: 14px}
.short-line{margin: 1.5rem 0;
    display: inline-block;
    width: 40px;
    height: 2px;
    background-color: rgb(255,255,255,.7);}
.ps-h{position: relative;display: flex;padding-top: 20px;padding-bottom: 20px; border-bottom: 1px solid rgba(255,255,255,0.1);padding-right: 20px}
.ps-h.first{padding-top: 30px}
.ps-h:last-child{border-bottom: none;padding-bottom: 30px}
.ps-h::after{content: "";background: #fff;position: absolute;width: 400px;height: 1px;bottom: 0;display: none}

.margin-lr-project{
    margin-right: 290px;
    margin-left: 100px;
}


.section-padding.co{padding-top: 80px;
    padding-bottom: 80px }
.background-section.co{background: #242424}
.col-address p{color: #fff;line-height: 2;font-size: 16px;}
.footer-social img{width: 130px}
.bg-nav{background: url( "../img/pisn/nav-bg.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;}
.nav-fg a.link-hover{font-family: 'pf-bz';font-size: 22px}
.col-lg-8.co {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}

.display-1{font-family: 'pf-bz';font-weight: normal;font-size: 24px}
.p-p{margin-bottom: 28px}
@media(max-width:1800px){
    .intro-about .intro-about-info{padding-left: 25%}
    .s-text{left: 20%}
    .margin-lr-project{
    margin-right: 50px;
    margin-left: 100px;
}
    
    
    .col-lg-8.co {
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    max-width: 60%;
}
   .a-container{max-width: 80%} 
}
@media(max-width:1600px){
    .video-text{left: 5%}
    .intro-about .intro-about-info{padding-left: 12%}
    .next-up .next-up-inner h2 span{font-size: 14px}
    .margin-lr-100.ps{margin-right: 43px;margin-left: 43px;}
    .soundbar .sound{margin-bottom: -20px;margin-left: -283px}
    .next-up .next-up-inner{padding: 40px}
    .a-container{max-width: 90%}
    .content.silde-bg{margin-bottom: 0;margin-left: 0}
}
@media(max-width:1500px){
.col-lg-8.co {
    -ms-flex: 0 0 45%;
    flex: 0 0 45%;
    max-width: 45%;
}
}
@media(max-width:1200px){
.image-bg.spe{background-position: center right!important}
}
@media(max-width:1100px){
.metas p.p-white{font-size: 20px;}
.col-lg-8.co {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.section-margin.co{margin-top: 400px}

}
@media(max-width:991px){
.video-text{left: 1%}
.news-content{max-width: 100%}
.post-title{padding-top: 180px}
.post-title.back{display: none}
.ab-pb{padding-bottom: 20px}
.intro-about .intro-about-info{padding-left: 3%}
.s-text{display: none}
.next-up .next-up-inner h2{font-size: 30px}    
.margin-lr-project{
    margin-right: 50px;
    margin-left: 50px;
}
.section-title-2 p.mr{padding-left: 0}
}
@media(max-width:640px){
    
    .post-title .title{font-size: 28px;line-height: 1.4}
    .pro-p{max-width: 95%;}
    .intro-about .intro-about-info{padding-left: 1%}
    .pro-pt{padding-top: 160px;}
    .margin-lr-project{margin-right: 0px;margin-left: 0px;}
    .b-container{max-width: 99%}
    .margin-lr-100.ps{margin: 0}
    .intro-about .box-img{height: 40vh}
    .main-slider .box-next .content-box-next .title-next{font-family: 'pf-jx';font-size: 16px}
    .sub-text-header h5{font-family: 'Teko'}
    .h-100-v.main-bg{height: 55vh}
    .our-work .work-item .item-info p{max-width: 100%}
    .a-container{max-width: 98%}
    .main-slider h1{left: 0;font-size: 30px;}
}
@media only screen and (max-width:575px) {
.p-0.intro-about{padding:0 10px 50px}   
.ab-i.fite{padding-bottom: 20px}
.work-masonry .filterings-t .filtering-wrap .filtering a {
    margin-right: 5px;font-size: 14px;
}
.work-masonry .filterings-t .filtering-wrap .filtering a:last-of-type {
    margin-top: 15px
}
}